
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="imagens/titulo.ico"></link>
<link rel="stylesheet" href="css/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Glub</title>
<script language="javascript" src="javaScripts/script.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="javaScripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" language="javascript" src="javaScripts/jquery.form.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
    // Este evento se produz no momento que se pressiona uma tecla do teclado,
    //  independentemente de liberar-se a pressão ou de se mantê-la. Produz-se 
    //  uma única vez no momento exato da pressão.
        $("#login").keydown(function() { 
            if($("#login").val().length<1 || $("#senha").val().length<1){
                $("#botaoLogin").attr('disabled', true);
            }else{
                $('.botaoLogin').attr('disabled', false);
            }
        });
        $("#senha").focusin(function() { 
            if($("#login").val().length<1 || $("#senha").val().length<1){
                $("#botaoLogin").attr('disabled', true);
            }else{
                $('.botaoLogin').attr('disabled', false);
            }
        });
  //    Este evento se desata quando o mouse sai de cima de um elemento da página.
        $("#login").mouseleave(function() { 
            if($("#login").val().length<1 || $("#senha").val().length<1){
                $("#botaoLogin").attr('disabled', true);
            }else{
                $('.botaoLogin').attr('disabled', false);
            }
        });
        $("#senha").mouseleave(function() { 
            if($("#login").val().length<1 || $("#senha").val().length<1){
                $("#botaoLogin").attr('disabled', true);
            }else{
                $('.botaoLogin').attr('disabled', false);
            }
        });
        //função de login
//        $("#botaoLogin").click(function() {
//             var login = $("#login").val();
//             var senha = $("#senha").val();
//             $.post("requisicao.php?acao=login", {login: login, senha: senha}, 
//            function(retorno){
//               if(retorno==1){
//                   alert("1");
//               }else{
//                   alert("0");
//               }
//
//            } //function(retorno)
//            );
//        });
        
});
</script>
</head>

<body>
    <div class="divLogo">Glub</div>
    <div class="divLogin">
        <img src="./imagens/campoLogin.png" alt="Login" style="position: absolute;right: -40px;" >
            <form action="requisicao.php?acao=login" class="formularioLogin" method="post">
                <label>Login: </label>&emsp;
                <input type="text" name="login" id="login" size="40" maxlength="30"/><br/><br/>
                <label>Senha: </label>&emsp;
                <input type="password" name="senha" id="senha" size="40" maxlength="30"/><br/><br/>
                <input type="submit" disabled value="Logar" id="botaoLogin" class="botaoLogin"/>
            </form>
        </img>
    </div>
</body>
</html>
